<template>
  <div class="home">
    <div class="bgc-color"></div>
    <div class="bgc-image"><img class="image"
           src="../assets/background.png"
           mode="aspectFill" /></div>
    <Header />
    <FormData />
  </div>
</template>

<script>
// @ is an alias to /src
import Header from '@/components/Header.vue'
import FormData from '@/components/formData.vue'

export default {
  name: 'Home',
  components: {
    Header,
    FormData
  }
}
</script>

<style lang="less">
.home {
  width: 920px;
  margin: 0 auto 20px;
  .bgc-color {
    background: #eaf2f7;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
  .bgc-image {
    width: 100%;
    .image {
      width: 100%;
    }
  }
}
</style>
